

{% if section  and section.type == "footer" %}
{% assign section = section %}
{% else %}
{% assign section = global.sections.footer %}
{% endif %}

<style>
	#footer_box{
		background: var(--footer-bg-color);
		color: var(--footer-font-color);

	}
	#footer_box dt a{
		color: var(--footer-dt-color);
	}

#footer_box dt{
		color: var(--footer-dt-color);
	}
  #footer_box .social-media-warp{
    display: flex;
    justify-content: center;
    padding: 12px 0;
    flex-wrap: wrap;
  }
  #footer_box .social-media-warp .social-media-item{
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: var(--color-main);
    margin: 5px 10px;
  }

  #footer_box .social-media-warp .social-media-item path{
    color: var(--footer-font-color);
  }
  @media (max-width: 468px) {
  #footer_box .social-media-warp .social-media-item svg{
     width:24px;
     height:24px;
  }
  }

/*底部*/
.footer_box{
    background: #262626;
    color: #fff;
}

#footer_box .footer_link{
    padding: 50px 0 30px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;

}
#footer_box .footer_link dl{}
#footer_box .footer_link dt{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: var(--nav_letter_spacing);
}
#footer_box .footer_link dd{}
#footer_box .footer_link dd a{
    display: block;
    color: inherit;
    line-height: 2.4;
    transition: all 0.3s;
}
#footer_box .footer_link dd a:hover{
    text-decoration: underline;
}
#footer_box .copyright{
    line-height: 1.5;
    text-align: center ;
    color: inherit;
    padding: 15px 0;
    border-top: 1px solid #eee;
}













@media (max-width: 767px){
    .container_wapper{
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }
    
    #footer_box .footer_link{
        flex-wrap: wrap;
    }
    #footer_box .footer_link dl{
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    } 
    #header_box .header_icon>a{
        margin-left: 0;
    }

}
  

</style>
<div id="footer_box" style="--footer-bg-color:{{section.settings.bg-color}};--footer-font-color:{{section.settings.font-color}};--footer-dt-color:{{section.settings.dt-font-color}}" class="footer_box">
	<div class="footer_wrapper container_wrapper">
		<div class="footer_link">
			{% if section.settings.nav.id %}
			{% get_nav nav_id={section.settings.nav.id} %}
			{% for item in nav.nav_item %}
			<dl>
				<dt>
            {% include "nav_a", nav : item  %}
        </dt>
        {% if item.children %}
				<dd>
			    {% for childrenNav in item.children %}
          {% include "nav_a", nav : childrenNav  %}
			    {% endfor %}
				</dd>
        {% endif %}

			</dl>
			{% endfor %}
			{% else %}
			<dl>
				<dt>Company Info</dt>
				<dd>
					<a href="/pages/About-Us">About Us</a>
					<a href="/pages/Contact-Us">Contact Us</a>
					<a href="/comments">Customer Reviews</a>
				</dd>
			</dl>
			<dl>
				<dt>Service Center</dt>
				<dd>
					<a href="/pages/Shipping-policy">Shipping policy</a>
					<a href="/pages/Return-policy">Return policy</a>
					<a href="/pages/Terms-of-service">Terms of service</a>
					<a href="/pages/Privacy-policy">Privacy policy</a>
				</dd>
			</dl>
			<dl>
				<dt>Quick Links</dt>
				<dd>
					<a href="/search">Search </a>
					<a href="/account/login">Login</a>
					<a href="/account/register">Register</a>
					<a href="/account/trackingorder">Tracking Order</a>
					<a href="/blogs">Blog</a>
				</dd>
			</dl>
			{% endif %}
			
			
		</div>
		<div class="social-media-warp">
        {% if theme_config.global.sns_link_facebook %}<a target="_blank"   class="social-media-item" href="{{ theme_config.global.sns_link_facebook }}">{% include icon_share_facebook ,{width:'24',height:'24'} %}</a>{% endif %}
        {% if theme_config.global.sns_link_twitter %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_twitter }}">{% include icon_share_twitter ,{width:'24',height:'24'} %}{% endif %}
        {% if theme_config.global.sns_link_pinterest %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_pinterest }}">{% include icon_share_pinterest ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_instagram %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_instagram }}">{% include icon_share_instagram ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_snapchat %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_snapchat }}">{% include icon_share_snapchat ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_tiktok %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_tiktok }}">{% include icon_share_tiktok ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_tumblr %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_tumblr }}">{% include icon_share_tumblr ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_linkedin %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_linkedin }}">{% include icon_share_linkedin ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_youtube %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_youtube }}">{% include icon_share_youtube ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_vimeo %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_vimeo }}">{% include icon_share_vimeo ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_vk %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_vk }}">{% include icon_share_vk ,{width:'24',height:'24'} %}</a> {% endif %}
        {% if theme_config.global.sns_link_whatsapp %}<a target="_blank"  class="social-media-item" href="{{ theme_config.global.sns_link_whatsapp }}">{% include icon_share_whatsapp ,{width:'24',height:'24'} %}</a> {% endif %}
    </div>

		<div class="copyright">{{section.settings.copyright}}</div>
	</div>
</div>
{% schema %}
{
  "tag": "footer",
  "class": "footer",
  "is_global": true,
  "name": {
    "zh_CN": "底部"
  },
  "max_blocks": "0",
  "settings": [
    {
      "type": "card_header",
      "label": {
        "zh_CN": "菜单导航设置"
      }
    },
    {
      "type": "card_nav",
      "label": {
        "zh_CN": "选择菜单"
      },
      "default": {
        "id": "",
        "title": ""
      },
      "id": "nav"
    },
    {
      "type": "card_header",
      "label": {
        "zh_CN": "设置"
      }
    },
    {
      "type": "card_color",
      "label": {
        "zh_CN": "背景颜色"
      },
      "default": "#f6f6f6",
      "id": "bg-color"
    },
    {
      "type": "card_color",
      "label": {
        "zh_CN": "字体颜色"
      },
      "default": "#888888",
      "id": "font-color"
    },
    {
      "type": "card_color",
      "label": {
        "zh_CN": "表头颜色"
      },
      "default": "#1d1f21",
      "id": "dt-font-color"
    },
    
    {
      "type": "card_text_editor",
      "label": {
        "zh_CN": "底部版权"
      },
      "id": "copyright",
      "default": "Copyright © 2006-2021 SHOP INC. All Rights Reserved."
    }
  ],
  "blocks": [],
  "default": {
    "settings": {
      "nav": {
        "id": "",
        "title": ""
      },
      "bg-color": "#f6f6f6",
      "font-color": "#888888",
      "dt-font-color": "#1d1f21",
      "copyright": "SHOP INC. All Rights Reserved."
    },
    "blocks": []
  }
}
{% endschema %}